﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="RateContent.ascx.cs" Inherits="RateContent" %>
			<script type="text/javascript">
			    $(function() {
			        $("#good").click(function() {
			            $.get("SellerRateDetails.aspx",
		                 { "page": "1", "rateType": "good" },
		                 function(text, textStatus) {
		                     $("#content").html(text);
		                 });
			        });
			        $("#bad").click(function() {
			            $.get("SellerRateDetails.aspx",
		                 { "page": "1", "rateType": "bad" },
		                 function(text, textStatus) {
		                     $("#content").html(text);
		                 });
			        });
			        $("#neutral").click(function() {
			            $.get("SellerRateDetails.aspx",
		                 { "page": "1", "rateType": "neutral" },
		                 function(text, textStatus) {
		                     $("#content").html(text);
		                 });
			        });
			    });
			</script>
			<ul class="shortcut-buttons-set">
				
				<li><a class="shortcut-button" href="#" id="good"><span>
					<img src="resources/images/icons/pencil_48.png" alt="icon" /><br />
					好评
				</span></a></li>
				
				<li><a class="shortcut-button" href="#" id="neutral"><span>
					<img src="resources/images/icons/image_add_48.png" alt="icon" /><br />
					中评
				</span></a></li>
				
				<li><a class="shortcut-button" href="#" id="bad"><span>
					<img src="resources/images/icons/clock_48.png" alt="icon" /><br />
					差评
				</span></a></li>
				
				<li><a class="shortcut-button" href="#messages" rel="modal"><span>
					<img src="resources/images/icons/comment_48.png" alt="icon" /><br />
					Open Modal
				</span></a></li>
				
			</ul><!-- End .shortcut-buttons-set -->
			
			<div class="clear"></div> <!-- End .clear -->
			
			<div class="content-box"><!-- Start Content Box -->
				
				<div class="content-box-header">
					
					<h3>Content box</h3>
					
					<ul class="content-box-tabs">
						<li><a href="#tab1" class="default-tab">Table</a></li> <!-- href must be unique and match the id of target div -->
						<li><a href="#tab2">Forms</a></li>
					</ul>
					
					<div class="clear"></div>
					
				</div> <!-- End .content-box-header -->
				
				<div class="content-box-content">
					
					<div class="tab-content default-tab" id="tab1"> <!-- This is the target div. id must match the href of this div's tab -->
						
						<table>
							
							<thead>
								<tr>
								   <th style="width:20px"><input class="check-all" type="checkbox" /></th>
								   <th style="width:80px">订单编号</th>
								   <th style="width:130px">买家昵称</th>
								   <th style="width:130px">商品标题</th>
								   <th style="width:40px">评价</th>
								   <th style="width:130px">评价内容</th>
								   <th style="width:40px">姓名</th>
								   <th style="width:80px">联系电话</th>
								   <th style="width:130px">地址</th>
								</tr>
								
							</thead>
						 
							<tfoot>
								<tr>
									<td colspan="9">

										<div class="pagination">
											<a id="hFirst" title="First Page" style="cursor:pointer">&laquo; First</a><a id="hPrevious" title="Previous Page" style="cursor:pointer">Previous</a>
											<a id="page1" class="number current" style="cursor:pointer">1</a>
											<a id="page2" class="number" style="cursor:pointer">2</a>
											<a id="page3" class="number" style="cursor:pointer">3</a>
											<a id="page4" class="number" style="cursor:pointer">4</a>
											<a id="hNext" title="Next Page" style="cursor:pointer">Next &raquo;</a><a id="hLast" title="Last Page" style="cursor:pointer">Last &raquo;</a>
										</div> <!-- End .pagination -->
										<div class="clear"></div>
									</td>
								</tr>
							</tfoot>
						 
							<tbody id="content">
                               
							</tbody>
							
						</table>
						
					</div> <!-- End #tab1 -->
					
					<div class="tab-content" id="tab2">
					
						<form action="#" method="post">
							
							<fieldset> <!-- Set class to "column-left" or "column-right" on fieldsets to divide the form into columns -->
								
								<p>
									<label>Small form input</label>
										<input class="text-input small-input" type="text" id="small-input" name="small-input" /> <span class="input-notification success png_bg">Successful message</span> <!-- Classes for input-notification: success, error, information, attention -->
										<br /><small>A small description of the field</small>
								</p>
								
								<p>
									<label>Medium form input</label>
									<input class="text-input medium-input datepicker" type="text" id="medium-input" name="medium-input" /> <span class="input-notification error png_bg">Error message</span>
								</p>
								
								<p>
									<label>Large form input</label>
									<input class="text-input large-input" type="text" id="large-input" name="large-input" />
								</p>
								
								<p>
									<label>Checkboxes</label>
									<input type="checkbox" name="checkbox1" /> This is a checkbox <input type="checkbox" name="checkbox2" /> And this is another checkbox
								</p>
								
								<p>
									<label>Radio buttons</label>
									<input type="radio" name="radio1" /> This is a radio button<br />
									<input type="radio" name="radio2" /> This is another radio button
								</p>
								
								<p>
									<label>Textarea with WYSIWYG</label>
									<textarea class="text-input textarea wysiwyg" id="textarea" name="textfield" cols="79" rows="15"></textarea>
								</p>
								
								<p>
									<input class="button" type="submit" value="Submit" />
								</p>
								
							</fieldset>
							
							<div class="clear"></div><!-- End .clear -->
							
						</form>
						
					</div> <!-- End #tab2 -->        
					
				</div> <!-- End .content-box-content -->
				
			</div> <!-- End .content-box -->
		
			
			<div class="clear"></div>


			
		